<script setup lang='ts'>
       import { onMounted,ref } from 'vue';
       import { useRoute } from 'vue-router';
       import { useChannel } from '@/hooks/channel';

       const route = useRoute()
       const art_id = ref("")
       onMounted(()=>{
        art_id.value =route.params.id as string
       })

       const { channelList } = useChannel()
</script>
       
<template>
       <div class="detail">
        <h1>文章详情页面{{ art_id }}</h1>
        <p>{{ JSON.stringify(channelList) }}</p>
       </div>
</template>
       
<style scoped>
.detail{
    width: 100%;
    height: 100vh;
    background-color: #fff;
}
       
</style>